<?php
//echo $this->Html->css('crop');
echo $javascript->link('ajax_upload.min', false);
echo $javascript->link('jquery.Jcrop', false); 

echo '<script type="text/javascript">';
//require APP . WEBROOT_DIR . DS . "js" . DS . "validate" . DS . "combat_add.js";
echo '</script>';
?>
<script type="text/javascript">

    $(function() {
        var button1 = $('#upload_button1'), interval;
        new AjaxUpload('#upload_button1', {
            action: '/files/upload.php',
            onSubmit : function(file , ext){
                if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
                    // extensiones permitidas
                    alert('<?php echo __('Error: Solo se permiten imagenes en el formato jpg, png, jpeg o gif',true)?>');
                    // cancela upload
                    return false;
                } else {
                    this.disable();

                    //muestro un ajax loader
                    button1.val('Subiendo ...');
                    $("#loading").fadeIn();
                }
            },
            onComplete: function(file, response){
                //si hubo error de tamaño
                if(response == 'tamanio'){
                    alert("<?php echo __('El tamaño de la imagen debe ser como mínimo de 285px por 285px.',true)?>");
                }else{
                    //si hubo error al subir la imagen
                    if(response == 'error'){
                        alert("<?php echo __('Ocurrió un error al subir su imágen. Por favor, intente nuevamente.',true)?>");
                    }else{
                        //si no hubo ningun error
                        //muestro la imagen con la url que me devuelve el ajax
                        $('#image_container1').html('<img id="cropbox1" src="'+response+'" alt="" />');
                        $('#ArticleOrigen1').val(response);
                        $('#cropbox1').Jcrop({
                            aspectRatio: 1,
                            onSelect: updateCoords1,
                            minSize: [285,285]
                        });

                        //seteo de que se ha cargado una imagen para cropear
                        $('#ArticleChargeImage1').val(1);
                    }
                }

                button1.val('Subir Imagen');
                $("#loading").fadeOut();
                this.enable();
            }
        });

    });

    /**
     * Función que carga los valores de las coordenas desde donde se empezo a cortar
     * además del ancho y alto de la superficie cortada de la imagen del personaje 1
     */
    function updateCoords1(c)
    {
        $('#ArticleX1').val(c.x);
        $('#ArticleY1').val(c.y);
        $('#ArticleW1').val(c.w);
        $('#ArticleH1').val(c.h);
    };


    /**
     * Función que checkea si se ha seleccionado una superficie a cortar
     */
    function checkCoords(){

        //primero controlo si selecciono cargo la imagen para el personaje 1
        if(parseInt($('#ArticleChargeImage1').val()) == 1 ){
            //ahora controlo si selecciono una porción de esta imagen 1
            if (parseInt($('#ArticleW1').val())){
                //si esta todo bien con la imagen del personaje 1
                return true;
            }else{//si no selecciono una porción de la imagen 1
                alert('<?php echo __('Por favor, seleccione la región con la cual armará la imagen',true)?>');
                return false;
            }
        }else{
            alert('<?php echo __('Por favor, ingrese una imagen',true)?>');
            return false;
        }

    };


</script>
<div class="articles form">
<?php echo $this->Form->create('Article');?>
	<fieldset>
		<legend><?php __('Añadir Artículo'); ?></legend>
	<?php
		echo $this->Form->input('id', array('label' => 'Id'));
		echo $this->Form->input('mark', array('label' => 'Marca'));
		echo $this->Form->input('model', array('label' => 'Modelo'));
		echo $this->Form->input('code',array('label' => 'Código'));
		echo $this->Form->input('style',array('label' => 'Estilo'));
		echo $this->Form->input('material',array('label' => 'Material'));
		echo $this->Form->input('head',array('label' => 'Cabezal'));
		echo $this->Form->input('detail', array('label' => 'Detalle', 'type' => 'textarea'));
		echo $this->Form->input('price',array('label' => 'Precio'));
		echo $this->Form->input('amount_available',array('label' => 'Stock'));
		echo $this->Form->input('min',array('label' => 'Min Stock'));
//		echo $this->Form->input('termination_date',array('label' => 'Fecha de Baja'));
//		echo $this->Form->input('image', array('type' => 'file', 'label' => 'Imagen'));
                echo $this->Form->input('type_id', array('label' => 'Tipo','empty' => "Seleccione..."));
                echo $this->Form->input('supplier_id', array('label' => 'Proveedor','empty' => "Seleccione..."));
                //campos ocultos para imagen 1
                echo $form->input('x1', array('type'=>'hidden'));
                echo $form->input('y1', array('type'=>'hidden'));
                echo $form->input('w1', array('type'=>'hidden'));
                echo $form->input('h1', array('type'=>'hidden'));
                echo $form->input('charge_image1', array('type'=>'hidden', 'value'=>0));
                echo $form->input('file1', array('type'=>'hidden'));
                echo $form->input('origen1', array('type'=>'hidden'));
	?>
<div id="image_container1"></div>
    <div class="left nomargin">
        <?php
            echo $form->button(__('Subir Imagen',true), array('id'=>'upload_button1'));
            ?>
    </div>
</fieldset>
<?php echo $this->Form->end(__('Crear', true));?>
</div>
<!--<div class="actions  specific">
	<h3><?php __('Opciones'); ?></h3>
	<ul>

		<li><?php echo $this->Html->link(__('List Articles', true), array('action' => 'index'));?></li>
		<li><?php echo $this->Html->link(__('List Types', true), array('controller' => 'types', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Type', true), array('controller' => 'types', 'action' => 'add')); ?> </li>
		<li><?php echo $this->Html->link(__('List Items', true), array('controller' => 'items', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Item', true), array('controller' => 'items', 'action' => 'add')); ?> </li>
		<li><?php echo $this->Html->link(__('List Purchases', true), array('controller' => 'purchases', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Purchase', true), array('controller' => 'purchases', 'action' => 'add')); ?> </li>
                <li><?php echo $this->Html->link(__('List Sales', true), array('controller' => 'sales', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Sale', true), array('controller' => 'sales', 'action' => 'add')); ?> </li>
	</ul>
</div>-->